
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="format-detection" content="telephone=no,email=no"/>
<link rel="shortcut icon" href="${root}favicon.ico"/>
    <meta name="robots" content="noindex,nofollow">
    <meta itemprop="description" content="心教育平台是国内知名的心理学继续教育平台，拥有美国欧文·亚隆团队独家授权的世界心理学名家专业教学视频课程200余部，并与众多心理名家合作，推出一系列线上、线下专业课程，各类直播课及课程程，影响深远。" />
    <meta itemprop="image" content="//9.url.cn/edu/lego_modules/edu-ui/0.0.1/img/nohash/logo_pc_rich.png"/>
    <title>心课堂-个人中心</title>
   
    <link rel="stylesheet" href='${root}css/common.css' />
    
    <link rel="stylesheet" href="${root}css/users/index.css">
    <link rel="stylesheet" href='${root}css/users/user.css' />
    
  
</head>
<body class="l-min l-aside-left page-user">
<!-- header -->
<!--:include("/inc/course/header.html"){}  -->


<!--课程详情题目内容 S-->
<section class="section-main">
    <div class="inner-center clearfix">
        <!--:include("/inc/users/left.html",{type:"contact"}){}  -->

        <div class="main">
            <div class="content">

                <!--课程表 S-->
                <div class="step step-plan" id="js_con_plan">
                    <div id="react-body">

                        <!--HTML_PLACEHOLDER-->
                    </div>
                </div>
                <!--我的直播课表 E-->

                <!--已报名课程 S-->
                <div class="step step-fav hide" id="js_con_signup">
                    <ul class="page-tab">
                        <li data-name="signup" class="active page-tab-su"><a href="/user/index/index.html#sid=signup" title="课程">课程<span class="red-point hide"></span></a></li>
                        <li data-name="service" class="page-tab-ser"><a report-tdw="module=myservice&action=service_tab_clk" href="/user/index/index.html#sid=service" title="批改服务">批改服务<span class="red-point hide"></span></a></li>
                    </ul>

                    <h1 class="page-tt"><span class="tt-sub" id="js_3day_tips">七天内未付款的课程将自动删除</span></h1>

                    <div class="page-bd">
                        <div class="att-cont pb20" id="js_feed_list">
                        <div class="stu-info stu-edit">  <p class="stu-edit-tips">您可在报名成功后允许机构联系您，获得更多教学服务。</p>  <div class="stu-edit-form"> <div class="stu-edit-item"> <span class="edit-item-label">手机号码</span> <input type="text" id="stu-phone" value="170****0666" placeholder="请输入手机号码"> <a href="javascript:void(0);" class="btn-weak js-get-message">获取验证码</a> <span class="err-tips hide"><i class="icon-font i-alert"></i><span></span></span> </div> <div class="stu-edit-item"> <span class="edit-item-label">短信验证码</span> <input type="text" id="stu-message" placeholder="请输入短信验证码"> <span class="err-tips hide"><i class="icon-font i-alert"></i><span></span></span> </div>  <a href="javascript:void(0);" class="btn-default js-edit-commit">保存</a>  <a href="javascript:void(0);" class="btn-weak edit-cancel js-edit-cancel">取消</a>  </div></div>
                        </div>
                        <div class="page-ctrl-wrap">
                            <div class="sort-page">
                            </div>
                        </div>
                    </div>
                </div>

                <!-- 服务管理 -->
                <div class="step step-service hide" id="js_con_service">
                    <ul class="page-tab">
                        <li data-name="signup" class="page-tab-su"><a href="/user/index/index.html#sid=signup" title="课程">课程<span class="red-point hide"></span></a></li>
                        <li data-name="service" class="active page-tab-ser"><a report-tdw="module=myservice&action=service_tab_clk" href="/user/index/index.html#sid=service" title="批改服务">批改服务<span class="red-point hide"></span></a></li>
                    </ul>

                    <div>
                        <div id="js_service_list">
                        </div>
                        <div class="loading" id="js_service_loading">正在加载<span class="loading-dot"></span></div>
                    </div>
                </div>

                 <!--已报名课程 S-->
                <div class="step step-fav hide" id="js_con_instalment">

                    <h1 class="page-tt">分期付款</h1>

                    <div class="page-bd">
                        <div class="att-cont pb20" id="js_instalment_list">
                        </div>
                        <div class="page-ctrl-wrap">
                            <div class="sort-page">
                            </div>
                        </div>
                    </div>
                </div>

                <div class="step step-fav hide" id="js_con_fav">

                    <div id="tip-feeds" class="tip-wrap"></div>
                    <h1 class="page-tt">我收藏的课程</h1>
                    <div class="att-cont page-bd">
                        <div class="att-mod">
                            <div id="fav-list-area"></div>
                            <div id="js-fav-no-data-area"></div>
                            <div class="claer"></div>
                        </div>
                    </div>
                </div>

                <div class="step step-fav hide" id="js_con_coupon">
                    <h1 class="page-tt">我的优惠券<span class="tt-sub">过期7天的优惠券将自动删除<a href="//ke.qq.com/faq.html#/0/4" class="nor-link" target="_blank">优惠券使用方法</a></span></h1>
                    <div class="page-bd">
                        <div id="js_coupon_list"></div>
                        <div class="page-ctrl-wrap">
                            <div class="sort-page">
                            </div>
                        </div>
                    </div>
                </div>

                <!-- 余额 -->
                <div class="step step-fav hide" id="js_con_balance">
                    <p class="page-tt">我的余额<span class="tt-sub">不包含ios充值余额</span></p>
                    <div class="page-bd balance-total js-balance-total">
                    </div>
                    <p class="page-tt">余额明细</p>
                    <div class="page-bd" id="js_balance_list">
                    </div>
                    <div class="loading" id="js_balance_loading">正在加载<span class="loading-dot"></span></div>
                </div>

                <div class="step step-release hide" id="js_con_release"></div>

                <div class="step step-release hide" id="js_con_bbs"></div>

                <!--用户联系方式 -->
                <div class="step step-release " id="js_con_contact">
						<div class="stu-info stu-edit">	
						<div class="stu-edit-form">
						<form id="form1" name="form1" enctype="multipart/form-data" method="post" action="${root}users/update">
						<input type="hidden" name=".table" value="users" />
						<input type="hidden" name="id" value="${session.user.id}" />
								<div id="adminimg" style="width: 100px;height: 100px;margin: 0 0 20px 23%; border-radius: 50%;border: 1px solid #ccc;"> 
									<img style="width: 100%;height: 100%;border-radius: 50%;" alt="" src="${root}${session.user.img!}">
								</div>
								<div id="bigimg" style="width: 200px;height: 200px;position: fixed;top: 65px;left: 53%; display: none;">									
									<img style="width: 100%;height: 100%;" alt="" src="${root}${session.user.img!}">
								</div>
								
								
								<!-- 上传头像upload -->
								<div class="stu-edit-item">
    								<a href="#" class="file" >上传头像
    								<input type="file" name="img" id="img" value="${session.user.img!}">
    								</a>
								</div>
						
						
						
								<div class="stu-edit-item">
									<span class="edit-item-label">昵称</span> 
									<input type="text" id="" name="nickname" value="${session.user.nickname!}" placeholder="请输入昵称 例如：张三"> 
										<span class="err-tips hide"><i
										class="icon-font i-alert"></i><span></span></span>
								</div>
								
								<div class="stu-edit-item">
									<span class="edit-item-label">性別</span>
										<input type="radio" name="sex" id="" ${session.user.sex=='男'?'checked':''} value="男" >男
										<input type="radio" name="sex" id="" ${session.user.sex=='女'?'checked':''} value="女" >女
									<span class="err-tips hide">
									 <i class="icon-font i-alert"></i><span></span></span> 
								</div>
								<!-- 生日插件 --> 
								<div class="stu-edit-item">
									<span class="edit-item-label">生日</span>
										<input type="text" name="birthday" value="${session.user.birthday!}" id="test1">
									<span class="err-tips hide">
									   	<i class="icon-font i-alert"></i>
									<span>
									</span></span> 
								</div>
								
								<!--出生地区插件  -->
								<div class="stu-edit-item">
								<span class="edit-item-label">所在地</span> 
									<select name="province" style="height: 30px;border: 1px solid #e5e5e5; border-radius: 5px;" id="cmbProvince"></select>省
									<select name="city" style="height: 30px;border: 1px solid #e5e5e5; border-radius: 5px;" id="cmbCity"></select>市
									<select name="county" style="height: 30px;border: 1px solid #e5e5e5; border-radius: 5px;" id="cmbArea"></select>区
								    
								</div>
						<!-- 手机号码 -->
								<div class="stu-edit-item">
									<span class="edit-item-label">手机号码</span> <input type="text" name="phone"
										id="stu-phone" value="${session.user.phone!}" placeholder="请输入手机号码">
									
									<span class="err-tips hide"><i class="icon-font i-alert"></i><span></span></span>
								</div>
								<div class="stu-edit-item">
									<span class="edit-item-label">邮箱</span> <input type="text"
										id="stu-message" name="email" value="${session.user.email!}" placeholder="请输入邮箱"> <span
										class="err-tips hide"><i class="icon-font i-alert"></i><span></span></span>
								</div>
								<div class="stu-edit-item">
									<span class="edit-item-label">QQ</span> <input type="text" name="qq"
										id="stu-message" value="${session.user.qq!}" placeholder="请输入QQ号码"> <span
										class="err-tips hide"><i class="icon-font i-alert"></i><span></span></span>
								</div>
								<div class="stu-edit-item">
									<span class="edit-item-label">微信</span> <input type="text" name="wx"
										id="stu-message" value="${session.user.wx!}" placeholder="请输入微信号码"> <span
										class="err-tips hide"><i class="icon-font i-alert"></i><span></span></span>
								</div>
								
								
								<div class="stu-edit-item">
									<span class="edit-item-label">个人简介</span>
									 <textarea name="readme" rows="5" cols="50" placeholder="编辑个人简介....">${session.user.readme!}</textarea>
									  <span class="err-tips hide">
										<i class="icon-font i-alert"></i><span></span></span>
								</div>
								
								
								 <input style="width: 80px;height: 20px;margin-left:104px; background: skyblue;" type="submit" value="保存"/>	
								 <input style="width: 80px;height: 20px;" type="submit" value="取消"/>	
								<!-- <a href="javascript:void(0);" class="btn-default js-edit-commit">保存</a> -->
								<!-- <a href="javascript:void(0);"
									class="btn-weak edit-cancel js-edit-cancel">取消</a>  -->
									
								</form>	
							</div>
						</div>
					</div>







                <div class="step step-release hide" id="js_con_et_course">

                    <h1 class="page-tt">我的企业培训课</h1>

                    <div class="page-bd">
                        <div class="att-cont pb20" id="js_et_course_list">
                        </div>
                        <div class="page-ctrl-wrap">
                            <div class="sort-page">
                            </div>
                        </div>
                    </div>
                </div>

                </div>
            </div>
        </div>
      
    </div>
</section>

<!--包含尾部进来-->
<!--:include("/inc/footer.html"){}  -->
 
 	<script type="text/javascript" src="${root}js/jquery.min.js"></script>
 	<script type="text/javascript" src="${root}js/jsAddress.js"></script>
	<script src="${root}assets/layui/laydate/laydate.js"></script>
		<script>
			// 头像上传前预览
			$(function () {
				$('#img').click();
				$('#img').on('change',function () {
					var objUrl = getObjectURL(this.files[0]) ; 
					if (objUrl){
						$("#adminimg img").attr('src' , objUrl) ;
						$('#bigimg img').attr('src' , objUrl) ;
					}
				})
			})	
			// 创建一个可存取到该file的url
			function getObjectURL(file) {
	            var url = null ;
	            if (window.createObjectURL!=undefined) { // basic
	                url = window.createObjectURL(file) ;
	            } else if (window.URL!=undefined) { // mozilla(firefox)
	                url = window.URL.createObjectURL(file) ;
	            } else if (window.webkitURL!=undefined) { // webkit or chrome
	                url = window.webkitURL.createObjectURL(file) ;
	            }
	            return url ;
	        }
		
			addressInit('cmbProvince', 'cmbCity', 'cmbArea', '${session.user.province!'请选择地区'}', '${session.user.city!'请选择地区'}', '${session.user.county!'请选择地区'}');
			
			//点击头像，出现大图
			
			 document.getElementById('adminimg').onclick=function() {
				console.log	(111)
          		document.getElementById('bigimg').style.display='block'; 
       		 };
       		 document.getElementById('bigimg').onclick=function(){
       			 document.getElementById('bigimg').style.display='none';
       		 }
       		lay('#version').html('-v'+ laydate.v);

    		//执行一个laydate实例
    		laydate.render({
    		  elem: '#test1' //指定元素
    		});

			
			
		</script>

</body>
</html>